CSS'TE Tabloyu Nasıl Güzelleştirebilirim?
28.07.2023 - 11:33
CSS İle bu tabloyu güzelleştirmeye çalışıyorum. ne yapsam hiçbiri çalışmıyor ne yapabilirim?
143
Görüntülenme
0 Beğeni
Renk seçimi ve arka plana web sitesiyle uyumlu renkler seçmek ( eğer aklında bişey yoksa hazır renk paletlerini internetten bulup sayfanda kullanabilirsin ), kenarlıklar , yazı stili , hücre yüksekliği ve genişliği gibi unsurları tablonun da içeriğiyle uyumlu olacak şekilde ayarlayarak güzelleştirebilirsin ve farklı tabloları ID ve classlarına göre farklı şekillerde tasarlayabilirsin.
Başlıklara ve liste elemanlarına padding,yazı fontu vs. verebilirsin.
Doğru class ve id isimlendirmelerini yaptığından ve İlgili css dosyasını import ettiğinden emin misin?
yani style.css (stil düzenlemeni yaptığın dosyan adı farklı olabilir ama .css olmalı) dosyasını html dosyana eklememiş olabilirsin
<head> tagleri arasında <link href: "style.css"> diyerek css dosyanı ekleyebilirsin
Bootstrap Kullan Pek Design Bilgi Yoksa
<table> etiketi çok eski bir etikettir uzun süredir bu iştwyim ve kimsenin kullandığını görmedim onun yerine <div> yahut <ul>
<ol> gibi etiketer kullanıp daha dinamik bir görünüş elde edebilirsiniz
2. https://getbootstrap.com/docs/4.1/content/tables/ bu linke de göz atabilirsin
<table> <tr> <td>... içerik ...</td> </tr> </table>
Bu şekilde table içerisine alarak biraz da zevke uygun renk katarak güzellik katabilirsin
Tabloyu buttonlar ve ikonlar aracığıyla daha güzel hale getirebilirsiniz. paylaş yazmak yerine paylaş ikonu koyabilirsiniz mesela
Merhabalar,
Html etiketlerini, class veya id'leri seçerken doğru seçtiğinize emin misiniz? Css kodlarınız tamamen mi çalışmıyor. Yada sadece tabloyu biçimlendirirken mi sıkıntı yaşıyorsunuz? Sorunu daha detaylı açıklarsanız daha iyi yardımcı olmaya çalışabilirim.
Merhaba Baha,
Çalıştığın HTML sayfasında CSS bağlantısının doğru olduğuna emin ol.
CSS'te etiketlere göre ya da class isimlerine göre özelleştirmeler yapabilirsin.